<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"/>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<div th:insert="publicHeader" ></div>
<script th:src="${#request.getContextPath()}+'/js/publicHeader.js'"></script>


<div class="row">
    <div class="col-md-12">
        <p style="background-color: cornflowerblue ; color: white; font-size: 30px">&nbsp;&nbsp;&nbsp;&nbsp;[[${book.name}]]</p>
    </div>
</div>


<div class="row">

    <div class="col-md-4">
        <div class="thumbnail">
            <img th:src="${#request.getContextPath()}+'/img/1.jpg'" alt="..." class="col-sm-6 col-md-6">
        </div>
    </div>
    <div class= "col-md-8">
        <br><br><br><br><br>
        <p>书名 : <span th:text="${book.name}"></span></p>
        <p>作者 : <span th:text="${book.author}"></span></p>
        <p>出版社 : <span th:text="${book.provider}"></span></p>
        <p>价格 : <span th:text="${book.price}"></span></p>
        <p>简介 : <span th:text="${book.detail}"></span></p>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <a class="btn btn-success" href="javascript:void(0)">加入购物车</a>
    </div>
</div>

<div th:insert="~{publicFooter::publicFooter}"></div>
<script th:src="${#request.getContextPath()}+'/js/publicFooter.js'"></script>



</body>
</html>